<template>
	<view class="headerinfo">
		<view class="title">报价单号：{{data.quotationNumber}}</view>
		<view class="panel">
			<u-row gutter="20" class="baseinfo">
				<u-col span="4">
					<text class="val">{{data.finalSalesPriceTax}}</text>
					<text class="key">合计总计(元)</text>
				</u-col>
				<u-col span="4">
					<text class="val">{{data.finalDirectorPriceTax}}</text>
					<text class="key">总监总价(元)</text>
				</u-col>
				<u-col span="4">
					<text class="val">{{data.finalSettlementPriceTax}}</text>
					<text class="key">结算总价(元)</text>
				</u-col>
				<u-col span="4">
					<text class="val">{{data.createUserName}}</text>
					<text class="key">创建人</text>
				</u-col>
				<u-col span="8">
					<text class="val">{{data.updateTime}}</text>
					<text class="key">更新时间</text>
				</u-col>
			</u-row>
		</view>
	</view>
</template>

<script>
export default {
	name: 'headerInfo',
	props: {
		data: {
			type: Object,
			default: () => {},
		},
	},
	data() {
		return {};
	},
	mounted() {},
	methods: {},
};
</script>

<style lang="scss" scoped>
.title {
	padding: 20px 15px 10px;
	font-size: 16px;
}
.panel {
	background: #fff;
	margin-bottom: 20px;
	padding: 10px;
}

.baseinfo {
	.u-col {
		margin: 5px 0;
		.key,
		.val {
			display: block;
		}

		.key {
			margin-top: 5px;
			color: $uni-color-subtitle;
			font-size: 14px;
		}
		.val {
			font-size: 16px;
		}
	}
}
</style>